<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
    <link href="/static/css/bootstrap.css" rel="stylesheet"/>
    <!--<link href="css/bootstrap-theme.css" rel="stylesheet"/>-->
    <link href="/static/css/signup.css" rel="stylesheet"/>
    <link href="/static/css/bootstrapValidator.min.css" rel="stylesheet"/>
    <script src="/static/js/jquery-3.1.1.js"></script>
</head>
<body>
    <div class="container mycenter floatup" id="mainContainer">
            <div class="row">
                <h2 class="col-md-6 text-center col-xs-6 col-sm-6" id="login">登录</h2>
                <h2 class="col-md-6 tagoff text-center col-xs-6 col-sm-6" id="signup">注册</h2>
                <div class="col-xs-2 col-sm-2 col-md-2 col-xs-offset-2 col-sm-offset-2 col-md-offset-2" id="selectedBar"></div>
            </div>
            <form class="form-login" id="loginForm" action="javascripta:;">
                <div class="form-group">
                    <label for="inputEmail" class="sr-only">Email address</label>
                    <input type="email" id="inputEmail" class="form-control" name="Email" placeholder="Email address" required autofocus>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="input-group form-group">
                            <input type="password" id="inputPassword" class="form-control" placeholder="密码" required>
                            <div class="input-group-btn">
                                <button class="btn btn-default showPw" type="button">
                                    <span class="glyphicon glyphicon-eye-open"></span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <button class="btn btn-success btn-lg btn-primary btn-block" id="loginButton">登录</button>
            </form>
            <form class="form-signup hidden" id="signupForm" action="javascript:;">
                <div class="form-group">
                    <label for="signupEmail" class="sr-only">Email address</label>
                    <input type="email" id="signupEmail" class="form-control" name="signupEmail" placeholder="Email" required autofocus>
                </div>
                <div class="form-group">
                    <label for="signupPassword" class="sr-only">Password</label>
                    <input type="password" id="signupPassword" name="signupPassword" class="form-control" placeholder="密码" required>
                </div>
                <div class="form-group">
                    <input type="password" id="confirmPassword" name="confirmPassword" class="form-control" placeholder="确认密码" required>
                </div>
                <ul class="nav nav-list">
                    <li class="divider"></li>
                </ul>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="input-group input-outer-wrap">
                            <label for="school" class="sr-only">school</label>
                            <input type="text" id="school" class="form-control dropdown-toggle" placeholder="你的学校" required>
                            <div class="input-group-btn">
                                <button type="button" class="btn btn-default dropdown-toggle"
                                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">选择 <span class="caret"></span></button>
                                <ul class="dropdown-menu">
                                    <li><a href="#">武汉大学</a></li>
                                    <li><a href="#">华中理工大学</a></li>
                                    <li><a href="#">华中师范大学</a></li>
                                    <li role="separator" class="divider"></li>
                                    <li><a href="#">其他</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="input-group input-outer-wrap">
                            <label for="institute" class="sr-only">institute</label>
                            <input type="text" id="institute" class="form-control" placeholder="你的院系" required>
                            <div class="input-group-btn">
                                <button type="button" class="btn btn-default dropdown-toggle"
                                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">选择 <span class="caret"></span></button>
                                <ul class="dropdown-menu">
                                    <li><a href="#">国际软件学院</a></li>
                                    <li><a href="#">计算机学院</a></li>
                                    <li><a href="#">电子信息学院</a></li>
                                    <li role="separator" class="divider"></li>
                                    <li><a href="#">其他</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label for="nickname" class="sr-only">nickname</label>
                    <input type="text" id="nickname" name="nickname" class="form-control" placeholder="你的昵称" required>
                </div>
                <div class="form-group">
                    <label for="QQ" class="sr-only">QQ</label>
                    <input type="text" id="QQ" name="QQ" class="form-control" placeholder="你的QQ" required>
                </div>
                <button class="btn btn-success btn-lg btn-block" type="submit" id="signupButton">注册</button>
            </form>
    </div>
</body>
<script src="/static/js/bootstrapValidator.min.js"></script>
<script src="/static/js/bootstrap.js"></script>
<script src="/static/js/login.js"></script>
<script src="/static/js/sha256.js"></script>
</html>